input .my-dirty {
  border-bottom: solid 1px orangered;
}
input:not(.my-dirty) {
  border-bottom: solid 1px #bfbaba !important;
}
#colorPicker /deep/ div {
  input {
    width: 14vw;
  }
}
.red_start {
  color: red;
}
#dutySetting {
  font-size: 14px;
  p-dataTable /deep/ div {
    table {
      tbody {
        tr {
          td {
            word-break: break-all;
            word-wrap: break-word;
            padding: 0.25em;
            button {
              margin-bottom: .1vw;
            }
          }
        }
      }
    }
  }
  p-dataTable /deep/ table thead tr th:nth-child(10) {
    width: 16% !important;
  }

  div[class="ui-grid-row"]:nth-child(1) {
    color: #666666;
    background: white;
    border: 1px solid #e2e2e2;
    height: 70px;
    margin-bottom: 20px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  p-calendar /deep/ span {
    & > input {
      border-radius: 0;
      padding: .3em;
      height: auto;
      box-shadow: none !important;
    }
  }
}
.calendar-control {
  border-radius: 0;
  padding: .3em;
  height: auto;
  box-shadow: none !important;
}
.input-padding {
  padding: 7px;
}
@media (min-width: 768px) {
  .col-sm-2 {
    width: 21.666667%;
  }
  .col-sm-10 {
    width: 78.333333%;
  }
}
